<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">
    <style>
        #form {
            margin-top: 20px;
            width: 50%;
            text-align: center;
            margin-left: 25%;
        }

        label {
            font-weight: 700;
        }
    </style>
</head>
<body>
<div id="form">
    <form class="bs-example bs-example-form" role="form" action="/editUserInfo" method="post">
        <div class="input-group mb-3">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text" id="basic-addon1">&nbsp;姓 名&emsp;</span>
            </div>
            <input type="text" class="form-control" th:value="${userIn.getLoginName()}"
                   name="LoginName" aria-describedby="basic-addon1" readonly="readonly">
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text" id="basic-addon4">&nbsp;Q Q&emsp;</span>
            </div>
            <input type="text" class="form-control" th:value="${userIn.getQq()}"
                   name="qq" aria-describedby="basic-addon4">
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text" id="basic-addon5">&nbsp;微 信&emsp;</span>
            </div>
            <input type="text" class="form-control" th:value="${userIn.getWechat()}"
                   name="wechat" aria-describedby="basic-addon5">
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text" id="basic-addon2">&nbsp;博 客&emsp;</span>
            </div>
            <input type="text" class="form-control" th:value="${userIn.getBlog()}"
                   name="blog" aria-describedby="basic-addon2">
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text" id="basic-addon3">Github</span>
            </div>
            <input type="text" class="form-control" th:value="${userIn.getGithub()}"
                   name="github" aria-describedby="basic-addon3">
        </div>

        <div class="input-group" style="height: 90px">
            <div class="input-group-prepend" style="width: 70px">
                <span class="input-group-text">&nbsp;爱 好&emsp;</span>
            </div>
            <textarea class="form-control" aria-label="With textarea"
                      th:text="${userIn.getHobby()}" name="hobby">
            </textarea>
        </div>

        <button type="submit" class="btn btn-primary" style="margin-top: 20px">保存</button>
    </form>
</div>
</body>
</html>